<template>
  <div class="qwe">
    <transition name="fade">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
export default {
  methods: {

  }
}
</script>
<style lang="scss">
#app {
  min-height: 100%;
  // background-color: #f7fafc;
  background-color: #f2f2f2;
}
html,
body {
  min-width: 7.3958rem;
  font-family: 'siyuan';
}
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img,
div {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  // background-color: #f4f8fa;
  background-color: #f2f2f2;
  color: #333;
  font-size: 0.0625rem;
  font-family: 'siyuanR';
}
html,
body,
#app {
  height: 100%;
}
/* 设置图片不可拖动 */
img {
  -webkit-user-drag: none;
}
ul,
ol {
  list-style-type: none;
}
select,
input,
img,
select {
  vertical-align: middle;
}
input {
  outline: none;
}
p {
  word-wrap: break-word;
}
a {
  text-decoration: none;
}
// a:link {
//   color: #009;
// }
// a:visited {
//   color: #800080;
// }
// a:hover,
// a:active,
// a:focus {
//   color: #c00;
//   text-decoration: underline;
// }
.site-content__wrapper {
  border-radius: 0.0781rem;
}
.qwe {
  position: relative;
  .button_add {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0.625rem;
    background-color: #fff;
    z-index: 9999;
    line-height: 0.625rem;
    .btnBox {
      width: 2.0833rem;
      position: absolute;
      right: 0;
      .el-button {
        width: 0.8333rem;
        height: 0.2604rem;
        background: #f8f8f8;
        border-radius: 0.0521rem;
        font-size: 0.0938rem;
        font-weight: 400;
        border: none;
      }
      .el-button:last-child {
        background-color: #0fdd8d;
        color: #ffffff;
      }
      .el-button:last-child:hover {
        color: #606266;
      }
    }
  }
}
// 添加按钮
.add_icon {
  position: fixed;
  z-index: 100;
  width: 0.6rem;
  height: 0.6rem;
  bottom: 10%;
  right: 2%;
  img {
    width: 100%;
    height: 100%;
  }
}
// 表
.el-table th {
  background-color: #add3d1 !important;
  color: #fff !important;
  height: 0.4167rem !important;
  font-size: 0.0938rem !important;
  font-weight: 500 !important;
}
.el-table th:first-child {
  border-bottom-left-radius: 0.0781rem !important;
  border-top-left-radius: 0.0781rem !important;
}
.el-table th:last-child {
  border-bottom-right-radius: 0.0781rem !important;
  border-top-right-radius: 0.0781rem !important;
}
.el-table .el-table__row--striped {
  background-color: #f7fbfc !important;
}
.el-table td {
  height: 0.4167rem !important;
  font-size: 0.0729rem !important;
  font-weight: 400 !important;
  color: #888888 !important;
}
.el-table td:first-child {
  border-bottom-left-radius: 0.0781rem !important;
  border-top-left-radius: 0.0781rem !important;
}
.el-table td:last-child {
  border-bottom-right-radius: 0.0781rem !important;
  border-top-right-radius: 0.0781rem !important;
}

tbody {
  padding: 1px;
}
// .el-table__body-wrapper tr td{
//   border: 1px solid transparent;
//   border-right: none;
//   border-left: none;
// }
// .el-table__body-wrapper tr td:first-child {
//   border: 1px solid transparent;
//   border-right: none;
// }
// .el-table__body-wrapper tr td:last-child {
//   border: 1px solid transparent;
//   border-left: none;
// }
// .el-table__body-wrapper tr:hover td {
//   border: 1px solid #8ee7d1;
//   border-right: none;
//   border-left: none;
//   box-sizing: border-box;
// }
// .el-table__body-wrapper tr:hover td:first-child {
//   border: 1px solid #8ee7d1;
//   border-right: none;
// }
// .el-table__body-wrapper tr:hover td:last-child {
//   border: 1px solid #8ee7d1;
//   border-left: none;
// }
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #0fdd8d !important;
  border: none !important;
}

.el-checkbox__inner:hover {
  border: none !important;
}
// 分页
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  border-radius: 0.0417rem !important;
  font-weight: 400 !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #0fdd8d !important;
}
.el-input--medium {
  font-size: 0.1rem !important;
}
.el-button--medium {
  font-size: 0.1rem !important;
}
// 输入框边框
.el-input--medium .el-input__inner, .el-textarea__inner{
  border: none;
  background: #F7FBFC;
  border-radius: 0.0521rem;
}
::-webkit-scrollbar {
  width: 0rem;
  height: 0.0052rem;
}
</style>
